<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	<h:head>
		<title>部门管理</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
		<link rel="stylesheet" type="text/css" href="../css/default/skin.css" />
		<script src="../js/jquery-1.7.1.min.js" type="text/javascript" />
		<!-- jquery treeview -->
		<script src="../js/jquery/cookie/jquery.cookie.js"
			type="text/javascript"></script>
		<script src="../js/jquery/treeview/jquery.treeview.js"
			type="text/javascript"></script>
		<link rel="stylesheet" type="text/css"
			href="../css/default/jquery.treeview.css" />
			
		<!-- below are necessary for dialog  -->
		<script src="../js/asset/core/js/jquery/ishadow/jquery.ishadow.js"
			type="text/javascript"></script>
		<script src="../js/asset/core/js/jquery/box/jquery.box.js"
			type="text/javascript"></script>
		<script
			src="../js/asset/core/js/jquery/scrollbarwidth/jquery.scrollbarwidth.js"
			type="text/javascript"></script>
		<script src="../js/asset/core/js/jquery/ibutton/jquery.ibutton.js"
			type="text/javascript"></script>
		<script src="../js/asset/core/js/jquery/dialog/jquery.dialog.js"
			type="text/javascript"></script>
	</h:head>
	<h:body class="bodymargin">
		<table width="100%">
			<tr>
				<td width="10%" valign="top">
				
				</td>
				<td>
					
				</td>
			</tr>
			<tr>
				<td width="10%" valign="top">
					<div class="treeTitle">
						部门关系列表
					</div>
					<div id="main">
						<div id="sidetree">
							<div class="treeheader">
								&nbsp;
							</div>
							<div id="sidetreecontrol">
								<a href="?#">Collapse All</a> |
								<a href="?#">Expand All</a>
							</div>

							<ul class="treeview" id="tree">
								<li class="expandable">
									<div class="hitarea expandable-hitarea"></div>
									<a href="#">Home</a>
									<ul style="display: none;">
										<li>
											<a href="?/enewsletters/index.cfm">Airdrie eNewsletters </a>
										</li>
										<li class="last">
											<a href="?/index.cfm">Special Notices</a>
										</li>

									</ul>
								</li>
								<li class="expandable">
									<div class="hitarea expandable-hitarea"></div>
									<a href="?/economic_development/index.cfm">Doing Business</a>

									<ul style="display: none;">
										<li class="expandable">
											<div class="hitarea expandable-hitarea"></div>
											<a
												href="?/economic_development/business_attraction/index.cfm">Business
												Attraction</a>
											<ul style="display: none;">
												<li>
													<a
														href="?http://www.albertafirst.com/profiles/statspack/20365.html"
														target="_new">Airdrie Profile</a>
												</li>

												<li>
													<a
														href="?/economic_development/business_attraction/business_case.cfm">Business
														Case For Airdrie</a>
												</li>
												<li>
													<a href="?/economic_development/census/index.cfm">Census
														Data </a>
												</li>
												<li>
													<a href="?http://www.albertafirst.com/realestate/"
														target="_new">Properties and Businesses For Sale</a>
												</li>

												<li class="last">
													<a href="?/taxation/non_residential_comparisons.cfm">Taxation</a>
												</li>
											</ul>
										</li>

										<li class="expandable">
											<div class="hitarea expandable-hitarea"></div>
											<a
												href="?/economic_development/business_development/index.cfm">Business
												Development</a>
											<ul style="display: none;">
												<li class="last">
													<a
														href="?/economic_development/business_development/home_businesses.cfm">Home
														Based Businesses</a>
												</li>
											</ul>
										</li>
										<li>
											<a href="?/directories/business_directory/index.cfm">Business
												Directory</a>
										</li>
									</ul>
								</li>
								<li class="last">
									<a href="?https://vch.airdrie.ca/index.cfm">Online Services</a>
								</li>

							</ul>
						</div>

					</div>
					<script type="text/javascript">
					</script>
				</td>
				<td valign="top" align="left" class="mainLine" style="width: auto;">
					<span class="buttonLeft"><input type="button" id="addBtn"
							value="新建" class="buttonRight" /> </span>
					<span class="buttonLeft"><input type="button" id="delBtn"
							value="删除" class="buttonRight" /> </span>
					<span class="buttonLeft"><input type="button" id="addUser"
							value="分配用户" class="buttonRight" /> </span>
					<span class="buttonLeft"><input type="button"
							id="roleFunctionDeploy" value="分配功能" class="buttonRight" /> </span>
					<span class="buttonLeft"><input type="button" id="export"
							value="数据导出" class="buttonRight" /> </span>
					<div class="uispTable">
						<!-- 
						<h:dataTable var="role" value="#{roleBean.roleList}" style="border:0;width:100%" cellpadding="0" cellspacing="1">
							<h:column>
				    			<f:facet name="header">No</f:facet>
				    			#{person.personList.rowIndex + 1}
				    		</h:column>
					 -->
						<table border="0" width="100%" cellpadding="0" cellspacing="1">
							<thead id="roledata_header">
								<tr>
									<td width="40px">
										<input type="checkbox" id="userSelectAll" />
									</td>
									<td>
										<span>用户角色</span>
									</td>
									<td>
										<span>操作</span>
									</td>
								</tr>
							</thead>
							<tbody id="roledata_body">
								<ui:repeat var="role" value="#{roleBean.roleList}"  varStatus="status">
									<tr>
										<td><input id="roleId" type="checkbox" value="#{role.roleId}"/></td>
										<td>#{role.roleName}</td>
										<td></td>
									</tr>
							   </ui:repeat>
							</tbody>
						</table>
					</div>
					<div style="clear: both"></div>
				</td>
			</tr>
		</table>
		
		
		<!-- 弹出框 -->
		<style type="text/css">
			div.custom-dialog div.dialog-content-container {
				padding: 10px 20px 30px 20px;
				font-size: 14px;
				color: #598418;
			}
		</style>
		<div id="for-custom-dialog" style="width:600px;display: none;">
			<h:form>
			</h:form>
			<!-- 
				<button id="btn-custom1">打开 alert 对话框</button>
				<button id="btn-custom2">自定义对话框...</button>
			 -->
		</div>
	</h:body>
	<script type="text/javascript" src="script/roleManageSupport.js"></script>
</html>